/* 400 以下   400  -  480 一档  480 以上的是一档  */
 @media screen and (max-width:399px) {
    html{
        font-size: 15px;
    }
 }
 @media (min-width: 400px) and (max-width: 480px) {
    html{
        font-size: 20px;
    }
    
 }
 @media screen and (min-width: 481px) {
    html{
        font-size: 25px;    /* 最大档 */
    }
 }


.focus{ width:100%; height:auto;  margin:0 auto; position:relative; overflow:hidden;   }
    .focus .hd{ width:100%; height:11px;  position:absolute; z-index:1; bottom:2px; text-align:center;  }
    .focus .hd ul{ display:inline-block; height:5px; padding:3px 5px;  
        border-radius:50%; font-size:0; vertical-align:top;
    }
    .focus .hd ul li{ display:inline-block; width:5px; height:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:rgba(255,255,255,.3); margin:0 5px;  vertical-align:top; overflow:hidden;   }
    .focus .hd ul .on{ background:#fee700;  }

    .focus .bd{ position:relative; z-index:0; }
    .focus .bd li img{ width:100%;  height:auto;  }
    .focus .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 取消链接高亮 */  }
 
.service .col,.our-goodness .col{height:7.5rem; box-sizing: border-box; }
.service .row .col span,.service .row .col p,.our-goodness .row .col span{height:20px; font-size:10px; color:#383838;text-align: center;display: block;  font-family: "宋体";  }
.service .col img{
	 width:100%;
    height:100%;
    height:45px;
    width: 55px;
    margin-left:20%;
}
.service .row .col span,.service .row .col p{
	 
}
/* .service  .col:nth-of-type(1) span:before{ background:url(../img/servicebg1.jpg) no-repeat 0; background-size:50px auto;}
.service  .col:nth-of-type(2) span:before{ background:url(../img/servicebg2.jpg) no-repeat 0; background-size:50px auto;}
.service  .col:nth-of-type(3) span:before{ background:url(../img/servicebg3.jpg) no-repeat 0; background-size:50px auto;}

.service  .col:nth-of-type(4) span:before{ background:url(../img/servicebg4.jpg) no-repeat 0; background-size:50px auto;}
 */
.design{height:auto; box-sizing: border-box;margin:0.6rem 0.5rem 0.5rem;}
.design .row .col {padding:0.2rem;}
.design .row .col img{width:100%;height:100%;}
.our-goodness .row .col .icon{ display: block;background-size: 50px auto;height: 30px;width: 50px;margin: 1.3rem auto 0.1rem;}

.banner-info-txt{width:100%;position:relative;margin: 0.3rem auto 1.1rem;}
.banner-info-txt img{width:100%;}
.banner-info-txt p{position: absolute; top: 15%; font-size: 1.0rem; color: #fff; line-height: 2.2rem; width: 100%;}
.banner-info-txt span{display: block;width: 250px;text-align: center;margin: 0 auto;}
.banner-info-txt p i{color:#f13a3a;font-size:1.2rem;}



                    
.about-second { min-height: 200px;}
.about-second  h2{font-size:0.8rem;color:#666;padding: 0.3rem 0.6rem;}

.right-link{position: absolute;right: 3px;top: 50%;margin-top: -14px;}
.right-link:after{ width:6px; height:6px; display:block; content:""; border-top:1px solid red; border-right:1px solid red; margin-top:10px; transform:rotate(45deg); margin-left:auto; margin-right:10px;}
.news-banner{margin:0.3rem;position:relative;}

.news-banner .news-txt{position: absolute;bottom: 0;height: 2.3rem;line-height: 2.3rem;background:rgba(0, 0, 0, 0.52);width:100%;}
.news-banner .news-txt p{font-size:1.0rem;color:#fff;text-align: left;padding-left:10px;}
 .news-list-title ul li{border-top: 1px solid #f4f4f4;height: auto;position: relative;margin-bottom:0.5rem;}
.news-list-title ul li a {
                         white-space: normal;
                         text-overflow: clip;
                         -o-text-overflow: clip;
                         width: 100%;
                         display: inline-block;
                         max-width: 100%;
                         text-decoration: none;
                         outline: 0;
                         word-break: keep-all;
                         -o-text-overflow: ellipsis;
                         height: 2.5rem;
                         line-height: 2.5rem;
                         font-size: .7rem;
                         font-weight: normal;
                         cursor: pointer;
                         font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
      
              }
              .news-list-title ul li a{ margin-top:20px;}
.news-list-title ul li a:before{margin-top:20px;content: "";position: absolute;width: 0rem;height: 0rem;top: .95rem;left: .5rem;border-top: .2rem solid transparent;border-left: .2rem solid #ce2122;border-bottom: .2rem solid transparent;}
.news-list-title ul li a:after{ width:6px; height:1px; display:block; content:""; border-top:1px solid #bcbcbc; border-right:1px solid #bcbcbc; transform:rotate(45deg); margin-left:auto; margin-right:10px;position: absolute;top: .95rem;right: .05rem;}
.news-list-title ul li span{padding-left: 10px; height: 1.0rem; line-height: 1.0rem; font-size: .7rem; font-weight: normal; cursor: pointer; font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma; display: block;color:#333; font-weight: 500;}
.news-article-bg{height: 12.0rem;opacity: 0.9;background-color: #ce2122;position:relative;}

.news-article-bg .icon-link{background: #f2c3c4; width: 2.0rem; height: 2.0rem; line-height: 2.0rem; font-size: 1.0rem; color:#645f5f;}
.news-article-bg .top-icons .icon-left{left: .45rem;}
.news-article-bg .top-icons .icon-left,.news-article-bg .top-icons .icon-right{top: .4rem;position:absolute;}
.news-article-bg .top-icons .ic-r{right: .45rem;}
.news-article-bg .top-icons .ic-o{right:2.5rem;display: block;margin-right: 10px;}

.news-article-bg .news-txt{position: absolute;bottom: 0;background:rgba(0, 0, 0, 0.52);width:100%;background: linear-gradient(rgba(76,76,76,0) 0,rgba(19,19,19,0.5) 100%);}
.news-article-bg .news-txt p{font-size:1.0rem;color:#fff;text-align: left;padding: 12px;}
.news-article-bg:before {
    content: "\e729";
    display: inline-block;
    font-size: 6rem;
    position: relative;
    top: 50%;
    left: 50%;
    margin: -3rem 0 0 -3rem;
    color: #fff;
    opacity: .5;}
.article-content{padding: 0 0.6rem;}
.article-content .news-date{ display: inline-block; font-size: .6rem; height: 2rem; line-height: 2rem; margin-left: .55rem; color: #666;  }
.article-content  .news-title{padding: 1.2rem 0 1rem 0.5rem;line-height: 1.2rem;font-size: 1.0rem;color: #666666;} 
.article-content img{vertical-align: baseline;
               line-height: 21.6px;
               text-align: center;
               margin: 0px;
               padding: 0px;
               border: 0px;
               outline: 0px;
               font-family: arial, helvetica, sans-serif;
               color: #696969;
               background-image: initial;
               background-attachment: initial;
               background-size: initial;
               background-origin: initial;
               background-clip: initial;
               background-position: initial;
               background-repeat: initial;}

.line{border-top: 1px solid #f4f4f4;height:.5rem;}
.news-next{margin-bottom: 0.5rem;}
.news-next,.news-prev {font-size: .6rem; color: #333;   margin-top: .45rem;}    
.prev-next-content{width: 81%;display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #333;}
.newsLink{font-size: .6rem; color: #333; margin-bottom: .45rem; word-wrap: break-word; word-break: break-all; }  

.msgTop {
    margin: .75rem .5rem 0 .5rem;
    padding-bottom: .6rem;
}
.mtitle {
    margin-bottom: 0rem;
}
.msgTop .g_input {
    padding-left: 2.1rem;
    height:3rem;
    line-height: 3rem;
    font-size: .7rem;
    background-color: #fff;
    border: 1px solid #ccc;
    margin-top: -1px;
    width: 100%;
    color: #999;
    border-radius: 2px;
    z-index: 1;
    position: relative;
}
.msgTop .g_globalLine {
    position: relative;
    width: 100%;
}
.msgTop .icon-sm{ position: absolute;  z-index: 2;  left: 8px;  top: 10px;}
.msgTop .g_textArea {
    text-indent: .25rem;
    height: 2.5rem;
    line-height: 1.1rem;
    font-size: .7rem;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    width: 100%;
    border: 1px solid #ccc;
    background: #fff;
    border-radius: 2px;
    margin-top: -1px;
    outline: 0;
    z-index: 1;
    position: relative;
    text-indent: 0;
    padding-top: .6rem;
    padding-right: .5rem;
    color: #999;
}
.msgTop .msg_textArea {
    height: 5rem;
    margin-bottom: .35rem;
    padding-left: 2.1rem;
}
.msgTop .g_button {
    background-repeat: no-repeat;
    border: 0;
    background: #ce2122;
    color: white;
    height: 2rem;
    line-height: 2rem;
    font-size: .8rem;
    font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑体",Arial,Tahoma;
    text-align: center;
    margin: .5rem auto;
    padding: 0;
    width: 100%;
    display: block;
    border-radius: 2px;
    outline: 0;
}
.msgTop .mbTitle {
    height: 2rem;
    font-size: .8rem;
    font-weight: 500;
    color: #666;
    line-height: 2rem;
    text-align: center;}
    
   .case-tab .tab{position: relative;width: 100%;height: 100px;}
       .case-tab .tab-wrap{position: absolute;left: 50%;top:50%;margin-left: -120px;margin-top: -30px;}
       .case-tab .tab-wrap span{float: left;font-size:15px;border:1px solid #ccc;width:80px; text-align: center;border-radius: 30px;}
       .case-tab-list .case-list ul li{margin-bottom:10px;}
       .case-tab .tab span{cursor: pointer;margin-right: 50px;width: 100px;height:44px;line-height: 44px;text-align: center;font-size: 20px;display: inline-block;color:#666;}
       .case-tab .tab span.active{border-radius:22px;background:#ff6637;color:#fff;}
       .case-tab-list .cases-wrap{padding-bottom: 30px;}
       .case-tab-list .cases-wrap .cases-PC img, .cases-wrap .cases-phone img{border: 0;width:.case-tab-list  100%;}
       .case-tab-list .cases-wrap .cases-phone{display:none;}

.list-img-bg {text-align:center;width:100%;}
.list-img-bg  .tu-txt{background:#fff;line-height:1.2rem;}
.list-img-bg .row .col img{height:auto; background-size: cover;}
.list-img-bg .bg-top{margin:90px 50px 120px;}
.list-img-bg .tu-txt p{font-size: 12px;color:#999;}
.col-md-4 {float: left;margin-left:10%;}
.contact{height:550px;}
        .contact i{font-size: 26px;color:#333;font-style:normal;}
        .contact .list-bg{margin:20px 0;}
        .img4{width:230px; height: 80px;}
        .contact .list-bg ul li{position:relative;}
        .contact .bg-content{float: left;position: absolute;top: 0px;left: 24px;width: 150px;height: 50px;}
        .contact .bg-content .icon{width:50px; height: 80px; line-height: 80px;float: left;}
        .contact .bg-content .txt{ top: 24px; text-align: left; font-family: '寰蒋闆呴粦';width: 100px;float: right;}
        .contact .bg-content .txt-p{font-size: 16px;margin:10px 0px 10px;}
        .contact .bg-content .p-sm{font-size:12px;}
        .list-con-p{margin-left:10%;margin-top:10px}
      .contact .code{position:relative}
       .contact .code p{ position:absolute;margin-left:38%;margin-top:100px}
        .contact .code-img{ position:absolute;margin-left:38%;margin-top:-5px;}
        .contact .code-bg{ margin-top:50px;position:absolute;margin-left:12%;width:100%; height: 100%; width:300px; height: 100px; } 
       